<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>image-marking</title>
    <link rel="stylesheet" href="image-marking.css"/>
</head>
<body>
<div class="float-layer" id="baseMap"></div>
<div class="float-layer" id="markerBox"></div>
<div class="float-layer" id="markerPen" style="display: none;"></div>
<div class="float-layer" id="cursorPointer"></div>
<div class="float-layer" id="cursorTracker"></div>
<div class="float-layer" id="coefficientBox" style="display: none;">
    <div>
        <p class="name">C:</p><p class="value coords"></p>
    </div>
    <div>
        <p class="name">O:</p><p class="value offset"></p>
    </div>
    <div>
        <p class="name">P:</p><p class="value position"></p>
    </div>
    <div>
        <p class="name">L:</p><p class="value latest"></p>
    </div>
    <div>
        <p class="name">T:</p><p class="value total"></p>
    </div>
</div>
<div class="float-layer" id="centralArea"></div>
<div class="float-layer" id="centralAreaCopy" style="left: 206px; top: 106px;width: 48px;height: 48px;transform: scale(0.1);transform-origin: 50% 50%;background-color: red;"></div>
<div class="float-layer" id="maskLayer" style="cursor: none;"></div>
<div class="float-layer" id="zoomCtrl" style="display: none;"></div>
<div class="float-layer" id="foobar" style="display: none;"></div>
<div class="float-layer" id="menuBox" style="display: none;">
    <div class="panel usn">
        <div class="item apps">
            <div class="icon"></div>
            <div class="slot">
                <div class="bjwz" title="标记位置"></div>
                <div class="xszb" title="显示坐标"></div>
                <div class="xsdh" title="显示动画"></div>
                <div class="dtxs" title="动态显示"></div>
                <div class="jzdq" title="居中对齐"></div>
                <div class="ksdw" title="快速定位"></div>
                <div class="scwz" title="删除位置"></div>
                <!--<div class="shlx"></div>-->
                <!--<div class="zyhz"></div>-->
                <!--<div class="cljl"></div>-->
                <!--<div class="scale"></div>-->
                <!--<div class=""></div>-->
                <!--<div class=""></div>-->
                <!--<div class=""></div>-->
                <!--<div class=""></div>-->
                <!--<div class=""></div>-->
            </div>
        </div>
        <div class="item apps" style="display: none;">
            <div class="icon"></div>
            <div class="slot">
                <div class=""></div>
                <div class=""></div>
                <div class=""></div>
                <div class=""></div>
                <div class=""></div>
                <div class=""></div>
            </div>
        </div>
        <div class="item" style="display: none;">
            <div class="icon"></div>
            <div class="slot">
                <input type="text" name="scale" value="======================">
            </div>
        </div>
    </div>
</div>
<div class="float-layer" id="areaBox" style="display: none;"></div>
<div class="float-layer" id="smallMap" style="display: none;">
    <div class="float-layer expand-region"></div>
    <div class="float-layer window-region"></div>
    <div class="float-layer image-region"></div>
</div>

<div id="container" style="display: none;"></div>
<div id="hzxx" class="func-row usn" style="display: none;">
    <label style="font-weight: bold;">绘制选项</label>
    <input type="checkbox" id="hzxx_1" name="hzxx"><label for="hzxx_1" title="">快速标记</label>
</div>
<div id="sffs" class="func-row usn" style="display: none;">
    <label style="font-weight: bold;">缩放方式</label>
    <input type="radio" id="sffs_1" name="sffs"><label for="sffs_1" title="">最大化</label>
    <input type="radio" id="sffs_2" name="sffs"><label for="sffs_2" title="">最小化</label>
</div>
<div id="hzfs" class="func-row usn" style="display: none;">
    <label style="font-weight: bold;">绘制方式</label>
    <input type="radio" id="hzfs_1" name="hzfs"><label for="hzfs_1" title="">测量距离</label>
    <input type="radio" id="hzfs_2" name="hzfs"><label for="hzfs_2" title="">标记地点</label>
    <input type="radio" id="hzfs_3" name="hzfs"><label for="hzfs_3" title="">手绘路线</label>
    <input type="radio" id="hzfs_4" name="hzfs"><label for="hzfs_4" title="">绘制矩形</label>
    <input type="radio" id="hzfs_5" name="hzfs"><label for="hzfs_5" title="">自由绘制</label>
    <input type="radio" id="hzfs_6" name="hzfs"><label for="hzfs_6" title="">移动底图</label>
</div>
<div id="sswz" class="func-row usn" style="display: none;">
    <label style="font-weight: bold;">实时位置</label>
    <label style="margin-left: 5px;" class="x">?</label>
    <label>,&nbsp;</label>
    <label class="y">?</label>
    <label>px</label>
</div>
<div id="panel" style="display: none;">
    <div class="mask"></div>
    <div class="marker1"></div>
    <div class="info">
    </div>
</div>
<div class="float-layer" id="onceLoading">
    <p>Loading...</p>
</div>
</body>
<script src="3rd/common-pure/common-pure.js"></script>
<script src="image-marking.js"></script>
</html>